<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<canvas id="canvas" width="600" height="600"></canvas>
	</body>
	<script type="text/javascript">
		let canvas = document.getElementById('canvas')
		let ctx = canvas.getContext('2d')
		console.log(ctx)
		ctx.font = '40px 微软雅黑'
		ctx.shadowBlur=10
		ctx.shadowColor="rgba(0, 0, 0, 1)"
		ctx.shadowOffsetX=20
		ctx.shadowOffsetY=5
		let i = 600
		setInterval(()=>{
			ctx.clearRect(0,0,600,600)
			i-=6
			if(i<-360){
				i=600
			}
			ctx.fillText('hello world',i,100,300)
			ctx.strokeText('hello world',i,200,300)
		},17)
		
	</script>
</html>
